//定义登录框 全局变量
var dialogObj = document.querySelector('section.login')

//定义登录按钮 全局变量
var enrollObj = document.querySelector(".enroll")

//定义关闭登录框按钮 全局变量
var closeObj = document.querySelector('p.close i.icon-close')

// 隐藏-封装函数
function visibleFn(ObjData) {
    ObjData.style.visibility="visible"
}

//显示-封装函数
function hiddenFn(ObjData) {
    ObjData.style.visibility="hidden"
}

//dialog--显示（绑定点击事件）
enrollObj.onclick=function(){
    visibleFn(dialogObj)
}

//dialog-隐藏（绑定点击事件）
closeObj.onclick=function(){
    hiddenFn(dialogObj)
}

//定义操作对象
var loginItem = document.querySelector('.login .item .menu')

//操作对象加鼠标按下事件
loginItem.onmousedown=function(event){
    var event = event||window.event
    //网页加移动事件
    document.onmousemove=function(evt){
        var e = evt || window.event
        // 定义移动对象 变量
        var itemObj=document.querySelector('section.login .item ')
        //拖拽调整位置
        itemObj.style.position="absolute"
        itemObj.style.top=e.clientY-event.offsetY+'px'
        itemObj.style.left=e.clientX-event.offsetX+'px'
    }
    //鼠标抬起，移动函数清除
    document.onmouseup=function(){
        this.onmousemove=null
    }
}

// 定义-登录框中验证码按钮-变量
var captchaObj=document.querySelector('section.login .item .form .captcha')

//定义-拖拽行为验证码框-变量
var captchaObj1 =document.querySelector('section.captcha')

//定义-验证码初始发送时间
var num = 5

//登录框中验证码按钮绑定点击事件
captchaObj.onclick=function(){
    
    // 拖拽行为验证码框-显示
    visibleFn(captchaObj1)

    //定义-拖拽行为验证码框 关闭按钮 变量
    var captchaCloseObj = document.querySelector('section.captcha h2 .icon-close')

    //拖拽行为验证码框关闭按钮绑定点击事件
    captchaCloseObj.onclick=function(){
        hiddenFn(captchaObj1)
    }
    var captchaBtn = document.querySelector('section.captcha .drag .btn')
    var captchaSrc = document.querySelector('section.captcha .check img:nth-of-type(2)')
    captchaBtn.onmousedown=function (event) {
        var event = event || window.event
        document.onmousemove=function(e){
            var e = e || window.event
            captchaBtn.style.left=e.clientX-521-15+'px'
            captchaSrc.style.left=e.clientX-521-37+'px'
            if (captchaSrc.style.left<=0+'px') {
                captchaBtn.style.left='0px'
                captchaSrc.style.left='0px'
            }
           /*  if (captchaSrc.style.left>=326+'px') {
                captchaBtn.style.left='326px'
                captchaSrc.style.left='326px'
            } */
        }
        document.onmouseup=function(){
            document.onmousemove=null
        
        var captchaSrcLeft = parseInt(captchaSrc.style.left)

        if (captchaSrcLeft<265&&captchaSrcLeft>260) {
                //隐藏验证框
                hiddenFn(captchaObj1)
                
                //开启短信验证码计时
                captchaObj.innerText=num+"秒后重发"
            
                // 保证验证码按钮无法重复快速点击，防止无法清除定时器bug
                captchaObj.disabled=true
            
                // 定时器规定验证码时间递减
                t0=setInterval(function () {
                
                //判断，当验证码时间归零时，可以再次点击重新发送
                if(num<=1){
                    clearInterval(t0)
                    captchaObj.innerText="重新发送"

                    //重置验证码初始发送时间
                    num = 5

                    //使验证码按钮可以再次点击
                    captchaObj.disabled=false

                    //结束定时器函数
                    return
                }
                num--
                captchaObj.innerText=num+"秒后重发"
            },1000)
            }
            captchaBtn.style.left=0+'px'
            captchaSrc.style.left=0+'px'
            
        }
        return
    }
    
}
//定义-登录框登录/注册按钮-变量
var submitObj = document.querySelector('section.login .item .form .submit ')

//给登录框登录/注册按钮绑定点击事件
submitObj.onclick=function(){
    //获取第一个input框，判断是否有内容
    var inputObj1 = document.querySelector('section.login .item .form input.mobile')
    var msg1=document.querySelector('section.login .item .form #msg1')
    if(inputObj1.value ==""|| isNaN(inputObj1.value)){
        msg1.innerText="请输入手机号"
    }else{
        msg1.innerText=""
    }
    //获取第二个input框，判断是否有内容以及正确性
    var inputObj2 = document.querySelector('section.login .item .form input.password')
    var msg2=document.querySelector('section.login .item .form #msg2')
    if (inputObj2.value==""||isNaN(inputObj2.value)) 
    {
        msg2.innerText="请输入验证码"
    } else if(inputObj2.value != 8888)
    {
        msg2.innerText="验证码不正确"
    }else
    {
        msg2.innerText=""
    } 
    if (inputObj1.value==17855516959&&inputObj2.value==8888) {
        alert('登陆成功')
        hiddenFn(dialogObj)
    }
}

// 无缝滚动
/* setInterval(function(){
    var ulObj = document.querySelector('section.hot ul ')
    var marLeft = parseInt(ulObj.style.marginLeft)
    marLeft--
    if (marLeft>=2048) {
        ulObj.style.marginLeft=0+'px'
    } else {
        ulObj.style.marginLeft=marLeft+'px'
    }
},30) */

//头部进度条加载
/* var num = 0
var winLoad = false
window.onload=function(){
    winLoad=true
}
var t1 = setInterval(function () {
    num++
    if (num>=80&&!winLoad) return
    var progressObj = document.querySelector('.progress')
    if (progressObj) {
        progressObj.style.width=num+"%"
    }else{
        var progressObj = document.createElement('div')
        progressObj.className="progress"
        progressObj.style.position='fixed'
        progressObj.style.top="0"
        progressObj.style.height='5px'
        progressObj.style.backgroundColor="#29d"
        progressObj.style.width=num+"%"
        document.body.appendChild(progressObj)
    } */
     /* var nprogressRadius = document.createElement('div')
    nprogressRadius.className='nprogressRadius'
    document.body.appendChild(nprogressRadius) */
    // if (num>=110) {
        // clearInterval(t1)
        // document.body.removeChild(progressObj)
        // document.body.removeChild(nprogressRadius)
    // } 
// },10)